<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Bryan Schurter Inc. | Tax & Financial Advisor for Teachers</title>
  <meta name="description" content="Tax preparation and financial planning built for California teachers and school employees. Serving Orange County and all of California since 2004." />
  <link rel="preconnect" href="https://fonts.googleapis.com" />
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
  <link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=Inter:wght@300;400;500;600&display=swap" rel="stylesheet" />
  <style>
    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

    :root {
      --navy:      #1B3A6B;
      --navy-dark: #122850;
      --navy-mid:  #234880;
      --gold:      #C8A84B;
      --gold-light:#D9BB6A;
      --white:     #FFFFFF;
      --off-white: #F8F7F4;
      --gray-light:#EEF0F4;
      --gray-mid:  #8A93A3;
      --gray-text: #3D4858;
      --font-display: 'Playfair Display', Georgia, serif;
      --font-body:    'Inter', system-ui, sans-serif;
    }

    html { scroll-behavior: smooth; }

    body {
      font-family: var(--font-body);
      color: var(--gray-text);
      background: var(--white);
      line-height: 1.6;
      -webkit-font-smoothing: antialiased;
    }

    /* ── NAV ── */
    nav {
      position: sticky;
      top: 0;
      z-index: 100;
      background: var(--white);
      border-bottom: 1px solid var(--gray-light);
      padding: 0 2rem;
    }
    .nav-inner {
      max-width: 1100px;
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: 72px;
    }
    .logo-wrap {
      display: flex;
      align-items: center;
      gap: 14px;
      text-decoration: none;
    }
    .logo-icon {
      width: 44px;
      height: 44px;
      flex-shrink: 0;
    }
    .logo-text { line-height: 1.2; }
    .logo-name {
      font-family: var(--font-body);
      font-size: 13px;
      font-weight: 600;
      letter-spacing: 2.5px;
      color: var(--navy);
      text-transform: uppercase;
    }
    .logo-tagline {
      font-size: 10px;
      letter-spacing: 1.5px;
      color: var(--gray-mid);
      text-transform: uppercase;
    }
    .nav-links {
      display: flex;
      align-items: center;
      gap: 2rem;
      list-style: none;
    }
    .nav-links a {
      font-size: 13.5px;
      font-weight: 500;
      color: var(--navy);
      text-decoration: none;
      letter-spacing: 0.3px;
      transition: color 0.2s;
    }
    .nav-links a:hover { color: var(--gold); }
    .nav-cta {
      background: var(--gold) !important;
      color: var(--navy) !important;
      padding: 9px 22px;
      border-radius: 4px;
      font-weight: 600 !important;
      font-size: 13px !important;
      letter-spacing: 0.4px;
      transition: background 0.2s !important;
    }
    .nav-cta:hover { background: var(--gold-light) !important; }

    /* ── HERO ── */
    .hero {
      background: var(--navy);
      color: var(--white);
      padding: 100px 2rem 90px;
      position: relative;
      overflow: hidden;
    }
    .hero::before {
      content: '';
      position: absolute;
      inset: 0;
      background: radial-gradient(ellipse 70% 80% at 80% 50%, rgba(200,168,75,0.08) 0%, transparent 70%);
      pointer-events: none;
    }
    .hero-inner {
      max-width: 1100px;
      margin: 0 auto;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 60px;
      align-items: center;
    }
    .hero-eyebrow {
      font-size: 11px;
      letter-spacing: 3px;
      text-transform: uppercase;
      color: var(--gold);
      font-weight: 500;
      margin-bottom: 20px;
    }
    .hero h1 {
      font-family: var(--font-display);
      font-size: clamp(2rem, 3.5vw, 2.9rem);
      font-weight: 700;
      line-height: 1.2;
      color: var(--white);
      margin-bottom: 20px;
    }
    .hero h1 em {
      font-style: normal;
      color: var(--gold);
    }
    .hero-sub {
      font-size: 16px;
      line-height: 1.7;
      color: rgba(255,255,255,0.75);
      max-width: 460px;
      margin-bottom: 36px;
    }
    .hero-actions {
      display: flex;
      gap: 16px;
      flex-wrap: wrap;
      align-items: center;
    }
    .btn-primary {
      display: inline-block;
      background: var(--gold);
      color: var(--navy);
      font-weight: 700;
      font-size: 14px;
      letter-spacing: 0.3px;
      padding: 14px 30px;
      border-radius: 4px;
      text-decoration: none;
      transition: background 0.2s, transform 0.15s;
    }
    .btn-primary:hover { background: var(--gold-light); transform: translateY(-1px); }
    .btn-ghost {
      display: inline-block;
      border: 1.5px solid rgba(255,255,255,0.35);
      color: rgba(255,255,255,0.85);
      font-size: 14px;
      font-weight: 500;
      padding: 13px 26px;
      border-radius: 4px;
      text-decoration: none;
      transition: border-color 0.2s, color 0.2s;
    }
    .btn-ghost:hover { border-color: var(--gold); color: var(--gold); }

    /* Hero right: credential card */
    .hero-card {
      background: rgba(255,255,255,0.06);
      border: 1px solid rgba(255,255,255,0.12);
      border-radius: 10px;
      padding: 36px 32px;
      backdrop-filter: blur(4px);
    }
    .hero-card-label {
      font-size: 10px;
      letter-spacing: 2.5px;
      text-transform: uppercase;
      color: var(--gold);
      font-weight: 500;
      margin-bottom: 24px;
    }
    .stats-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 24px;
    }
    .stat-item {}
    .stat-number {
      font-family: var(--font-display);
      font-size: 2.6rem;
      font-weight: 700;
      color: var(--white);
      line-height: 1;
    }
    .stat-label {
      font-size: 12px;
      color: rgba(255,255,255,0.55);
      margin-top: 4px;
      line-height: 1.4;
    }
    .stat-divider {
      grid-column: 1 / -1;
      height: 1px;
      background: rgba(255,255,255,0.08);
    }
    .card-badge {
      margin-top: 24px;
      padding-top: 20px;
      border-top: 1px solid rgba(255,255,255,0.08);
      font-size: 12px;
      color: rgba(255,255,255,0.5);
      line-height: 1.5;
    }
    .card-badge strong {
      color: rgba(255,255,255,0.8);
      font-weight: 500;
    }

    /* ── TRUST BAR ── */
    .trust-bar {
      background: var(--off-white);
      border-bottom: 1px solid var(--gray-light);
      padding: 20px 2rem;
    }
    .trust-bar-inner {
      max-width: 1100px;
      margin: 0 auto;
      display: flex;
      flex-wrap: wrap;
      gap: 28px;
      align-items: center;
      justify-content: center;
    }
    .trust-item {
      display: flex;
      align-items: center;
      gap: 8px;
      font-size: 13px;
      color: var(--navy);
      font-weight: 500;
    }
    .trust-item svg { color: var(--gold); flex-shrink: 0; }

    /* ── SECTIONS ── */
    section { padding: 88px 2rem; }
    .section-inner { max-width: 1100px; margin: 0 auto; }
    .section-eyebrow {
      font-size: 11px;
      letter-spacing: 3px;
      text-transform: uppercase;
      color: var(--gold);
      font-weight: 600;
      margin-bottom: 12px;
    }
    .section-title {
      font-family: var(--font-display);
      font-size: clamp(1.7rem, 2.8vw, 2.2rem);
      font-weight: 700;
      color: var(--navy);
      line-height: 1.25;
      margin-bottom: 18px;
    }
    .section-body {
      font-size: 16px;
      line-height: 1.75;
      color: var(--gray-text);
      max-width: 600px;
    }

    /* ── WHY TEACHERS ── */
    .why-section { background: var(--white); }
    .why-layout {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 72px;
      align-items: start;
    }
    .why-left {}
    .why-right { padding-top: 8px; }
    .why-points {
      margin-top: 40px;
      display: flex;
      flex-direction: column;
      gap: 28px;
    }
    .why-point {
      display: flex;
      gap: 16px;
      align-items: flex-start;
    }
    .why-icon {
      width: 40px;
      height: 40px;
      background: rgba(27,58,107,0.08);
      border-radius: 8px;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
    }
    .why-icon svg { color: var(--navy); }
    .why-point-title {
      font-weight: 600;
      color: var(--navy);
      font-size: 15px;
      margin-bottom: 4px;
    }
    .why-point-body {
      font-size: 14.5px;
      line-height: 1.65;
      color: var(--gray-text);
    }
    .teacher-quote {
      background: var(--navy);
      border-radius: 10px;
      padding: 36px 32px;
      color: var(--white);
    }
    .teacher-quote blockquote {
      font-family: var(--font-display);
      font-size: 1.25rem;
      line-height: 1.6;
      color: rgba(255,255,255,0.92);
      font-style: italic;
      margin-bottom: 20px;
    }
    .quote-author {
      font-size: 13px;
      color: var(--gold);
      font-weight: 500;
      letter-spacing: 0.3px;
    }

    /* ── SERVICES ── */
    .services-section { background: var(--off-white); }
    .services-grid {
      margin-top: 52px;
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
      gap: 24px;
    }
    .service-card {
      background: var(--white);
      border: 1px solid var(--gray-light);
      border-radius: 8px;
      padding: 30px 26px 28px;
      transition: box-shadow 0.2s, transform 0.2s;
      text-decoration: none;
      display: block;
    }
    .service-card:hover {
      box-shadow: 0 8px 28px rgba(27,58,107,0.10);
      transform: translateY(-3px);
    }
    .service-icon {
      width: 46px;
      height: 46px;
      background: var(--navy);
      border-radius: 8px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 18px;
    }
    .service-icon svg { color: var(--gold); }
    .service-title {
      font-family: var(--font-display);
      font-size: 1.1rem;
      font-weight: 700;
      color: var(--navy);
      margin-bottom: 10px;
    }
    .service-body {
      font-size: 14px;
      line-height: 1.65;
      color: var(--gray-text);
    }

    /* ── ABOUT STRIP ── */
    .about-strip { background: var(--white); }
    .about-layout {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 72px;
      align-items: center;
    }
    .about-left {}
    .about-photo-placeholder {
      background: var(--gray-light);
      border-radius: 10px;
      aspect-ratio: 4/5;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      gap: 12px;
      color: var(--gray-mid);
      font-size: 13px;
      text-align: center;
      padding: 24px;
    }
    .about-photo-placeholder svg { opacity: 0.4; }
    .about-credentials {
      margin-top: 32px;
      display: flex;
      flex-direction: column;
      gap: 12px;
    }
    .cred-item {
      display: flex;
      align-items: center;
      gap: 10px;
      font-size: 14px;
      color: var(--navy);
      font-weight: 500;
    }
    .cred-dot {
      width: 6px;
      height: 6px;
      background: var(--gold);
      border-radius: 50%;
      flex-shrink: 0;
    }
    .btn-navy {
      display: inline-block;
      background: var(--navy);
      color: var(--white);
      font-weight: 600;
      font-size: 14px;
      padding: 13px 28px;
      border-radius: 4px;
      text-decoration: none;
      margin-top: 28px;
      transition: background 0.2s;
    }
    .btn-navy:hover { background: var(--navy-mid); }

    /* ── CTA BAND ── */
    .cta-band {
      background: var(--navy);
      padding: 80px 2rem;
    }
    .cta-band-inner {
      max-width: 700px;
      margin: 0 auto;
      text-align: center;
    }
    .cta-band h2 {
      font-family: var(--font-display);
      font-size: clamp(1.6rem, 3vw, 2.2rem);
      color: var(--white);
      margin-bottom: 16px;
      line-height: 1.3;
    }
    .cta-band p {
      font-size: 16px;
      color: rgba(255,255,255,0.7);
      line-height: 1.7;
      margin-bottom: 36px;
    }
    .cta-band-actions {
      display: flex;
      justify-content: center;
      gap: 16px;
      flex-wrap: wrap;
    }

    /* ── FOOTER ── */
    footer {
      background: var(--navy-dark);
      color: rgba(255,255,255,0.6);
      padding: 48px 2rem 36px;
    }
    .footer-inner {
      max-width: 1100px;
      margin: 0 auto;
    }
    .footer-top {
      display: grid;
      grid-template-columns: 1.6fr 1fr 1fr;
      gap: 48px;
      padding-bottom: 36px;
      border-bottom: 1px solid rgba(255,255,255,0.08);
      margin-bottom: 28px;
    }
    .footer-brand {}
    .footer-logo-name {
      font-size: 12px;
      letter-spacing: 2.5px;
      text-transform: uppercase;
      color: var(--white);
      font-weight: 600;
      margin-bottom: 4px;
    }
    .footer-tagline {
      font-size: 11px;
      letter-spacing: 1px;
      color: var(--gold);
      text-transform: uppercase;
      margin-bottom: 16px;
    }
    .footer-about {
      font-size: 13.5px;
      line-height: 1.7;
      color: rgba(255,255,255,0.5);
    }
    .footer-col-title {
      font-size: 11px;
      letter-spacing: 2px;
      text-transform: uppercase;
      color: rgba(255,255,255,0.8);
      font-weight: 600;
      margin-bottom: 16px;
    }
    .footer-links {
      list-style: none;
      display: flex;
      flex-direction: column;
      gap: 10px;
    }
    .footer-links a {
      font-size: 14px;
      color: rgba(255,255,255,0.5);
      text-decoration: none;
      transition: color 0.2s;
    }
    .footer-links a:hover { color: var(--gold); }
    .footer-bottom {
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-size: 12px;
      flex-wrap: wrap;
      gap: 8px;
    }
    .footer-bottom a { color: rgba(255,255,255,0.4); text-decoration: none; }
    .footer-bottom a:hover { color: var(--gold); }

    /* ── MOBILE ── */
    .hamburger { display: none; }
    .mobile-menu { display: none; }

    @media (max-width: 768px) {
      .nav-links { display: none; }
      .hamburger {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 5px;
        width: 40px;
        height: 40px;
        background: none;
        border: none;
        cursor: pointer;
        padding: 4px;
        border-radius: 4px;
        transition: background 0.2s;
      }
      .hamburger:hover { background: var(--gray-light); }
      .hamburger span {
        display: block;
        width: 24px;
        height: 2px;
        background: var(--navy);
        border-radius: 2px;
        transition: all 0.25s ease;
        transform-origin: center;
      }
      .hamburger.open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
      .hamburger.open span:nth-child(2) { opacity: 0; transform: scaleX(0); }
      .hamburger.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
      .mobile-menu.open { display: flex !important; }
      .mobile-menu a {
        font-size: 15px;
        font-weight: 500;
        color: var(--navy);
        text-decoration: none;
        padding: 12px 2rem;
        border-bottom: 1px solid var(--gray-light);
        letter-spacing: 0.3px;
        transition: color 0.2s, background 0.2s;
      }
      .mobile-menu a:last-child { border-bottom: none; }
      .mobile-menu a:hover { color: var(--gold); background: var(--off-white); }
      .mobile-menu a.active { color: var(--gold); }
      .mobile-menu a.nav-cta {
        margin: 12px 2rem 0;
        border: none !important;
        background: var(--gold);
        color: var(--navy) !important;
        text-align: center;
        border-radius: 4px;
        font-weight: 600;
        padding: 12px 2rem;
        display: block;
      }
      .mobile-menu a.nav-cta:hover { background: var(--gold-light); }
      .hero-inner { grid-template-columns: 1fr; gap: 40px; }
      .hero { padding: 64px 1.5rem 56px; }
      .hero-card { display: block; }
      .why-layout, .about-layout { grid-template-columns: 1fr; gap: 40px; }
      .footer-top { grid-template-columns: 1fr; gap: 32px; }
      section { padding: 64px 1.5rem; }
    }
  </style>
</head>
<body>

<!-- ── NAVIGATION ── -->
<nav>
  <div class="nav-inner">
    <a href="/" class="logo-wrap">
      <!-- Inline SVG Logo -->
      <svg class="logo-icon" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
        <rect x="1" y="1" width="42" height="42" rx="3" stroke="#1B3A6B" stroke-width="1.5"/>
        <text x="22" y="32" text-anchor="middle" font-family="Georgia, serif" font-size="24" font-weight="600" fill="#1B3A6B">B</text>
      </svg>
      <div class="logo-text">
        <div class="logo-name">Bryan Schurter <span style="font-size:10px; letter-spacing:1px; font-weight:400; opacity:0.6;">Inc.</span></div>
        <div class="logo-tagline">Tax &amp; Financial Advisor</div>
      </div>
    </a>
    <ul class="nav-links">
      <li><a href="/">Home</a></li>
      <li><a href="about.html">About</a></li>
      <li><a href="services.html">Services</a></li>
      <li><a href="contact.html">Contact</a></li>
      <li><a href="https://app.taxdome.com" target="_blank" rel="noopener">Client Portal</a></li>
      <li><a href="get-started.html" class="nav-cta">Get Started</a></li>
    </ul>
    <button class="hamburger" id="hamburger-btn" aria-label="Toggle navigation" aria-expanded="false">
      <span></span>
      <span></span>
      <span></span>
    </button>
  </div>
</nav>
<!-- MOBILE MENU -->
<div class="mobile-menu" id="mobile-menu" style="display:none;flex-direction:column;background:var(--white);border-top:1px solid var(--gray-light);padding:8px 0 16px;">
  <a href="index.html" class="active">Home</a>
  <a href="about.html">About</a>
  <a href="services.html">Services</a>
  <a href="contact.html">Contact</a>
  <a href="https://app.taxdome.com" target="_blank" rel="noopener">Client Portal</a>
  <a href="get-started.html" class="nav-cta">Get Started</a>
</div>
<script>
  (function() {
    var btn = document.getElementById('hamburger-btn');
    var menu = document.getElementById('mobile-menu');
    btn.addEventListener('click', function() {
      var isOpen = menu.classList.toggle('open');
      btn.classList.toggle('open', isOpen);
      btn.setAttribute('aria-expanded', String(isOpen));
    });
    menu.querySelectorAll('a').forEach(function(a) {
      a.addEventListener('click', function() {
        menu.classList.remove('open');
        btn.classList.remove('open');
        btn.setAttribute('aria-expanded', 'false');
      });
    });
  })();
</script>

<!-- ── HERO ── -->
<section class="hero">
  <div class="hero-inner">
    <div class="hero-left">
      <p class="hero-eyebrow">Orange County, CA &nbsp;·&nbsp; Serving All of California</p>
      <h1>Tax &amp; Financial Advice Built for <em>Teachers &amp; Families</em></h1>
      <p class="hero-sub">Helping teachers and school employees navigate their taxes, retirement, and financial future — by someone who was once in your classroom.</p>
      <div class="hero-actions">
        <a href="get-started.html" class="btn-primary">Learn More &amp; Get Started</a>
        <a href="services.html" class="btn-ghost">View Services</a>
      </div>
    </div>
    <div class="hero-right">
      <div class="hero-card">
        <p class="hero-card-label">By The Numbers</p>
        <div class="stats-grid">
          <div class="stat-item">
            <div class="stat-number">22+</div>
            <div class="stat-label">Years serving teachers &amp; families</div>
          </div>
          <div class="stat-item">
            <div class="stat-number">500+</div>
            <div class="stat-label">Tax returns prepared annually</div>
          </div>
          <div class="stat-divider"></div>
          <div class="stat-item">
            <div class="stat-number">2004</div>
            <div class="stat-label">Year in practice</div>
          </div>
          <div class="stat-item">
            <div class="stat-number">100%</div>
            <div class="stat-label">Focused on your financial world</div>
          </div>
        </div>
        <div class="card-badge">
          <strong>Former educator</strong> · Teacher in Orange County, CA 1999–2004 · Now a trusted advisor to the same community
        </div>
      </div>
    </div>
  </div>
</section>

<!-- ── TRUST BAR ── -->
<div class="trust-bar">
  <div class="trust-bar-inner">
    <div class="trust-item">
      <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg>
      Licensed &amp; Bonded in California
    </div>
    <div class="trust-item">
      <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg>
      CalSTRS Guidance
    </div>
    <div class="trust-item">
      <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="3" width="20" height="14" rx="2" ry="2"/><line x1="8" y1="21" x2="16" y2="21"/><line x1="12" y1="17" x2="12" y2="21"/></svg>
      Virtual Consultations Available
    </div>
    <div class="trust-item">
      <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg>
      Serving California Teachers Statewide
    </div>
  </div>
</div>

<!-- ── WHY TEACHERS ── -->
<section class="why-section">
  <div class="section-inner">
    <div class="why-layout">
      <div class="why-left">
        <p class="section-eyebrow">Why It Matters</p>
        <h2 class="section-title">Helping Teachers &amp; Families with Their Finances and Taxes Since 2004</h2>
        <p class="section-body">I spent five years as a classroom teacher in Orange County. I know what a teacher's paycheck looks like, what CalSTRS means to your retirement, and why most financial advice just doesn't fit your life. I became a tax and financial advisor to bridge that gap.</p>
        <div class="why-points">
          <div class="why-point">
            <div class="why-icon">
              <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z"/><path d="M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z"/></svg>
            </div>
            <div>
              <div class="why-point-title">CalSTRS Expertise</div>
              <div class="why-point-body">Most advisors don't understand California teacher pensions. I explain how your CalSTRS pension actually works, what your projected benefit will be, and how to plan around it.</div>
            </div>
          </div>
          <div class="why-point">
            <div class="why-icon">
              <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="5" width="20" height="14" rx="2"/><line x1="2" y1="10" x2="22" y2="10"/></svg>
            </div>
            <div>
              <div class="why-point-title">Tax Prep That Speaks Your Language</div>
              <div class="why-point-body">Educator expense deductions, union dues, credential renewals — I know the tax picture unique to California teachers and school employees.</div>
            </div>
          </div>
          <div class="why-point">
            <div class="why-icon">
              <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg>
            </div>
            <div>
              <div class="why-point-title">A Trusted Advocate, Not a Salesperson</div>
              <div class="why-point-body">Teachers are right to be skeptical of financial advisors. I was one of you. My job is to help you make smart decisions — not to push products that benefit me.</div>
            </div>
          </div>
        </div>
      </div>
      <div class="why-right">
        <div class="teacher-quote">
          <blockquote>"Most financial advisors don't know what a teacher's paycheck looks like, what CalSTRS means, or how the school year shapes your financial life. I do — because I lived it."</blockquote>
          <p class="quote-author">— Bryan Schurter, former OC educator, tax &amp; financial advisor since 2004</p>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- ── SERVICES ── -->
<section class="services-section">
  <div class="section-inner">
    <p class="section-eyebrow">What I Do</p>
    <h2 class="section-title">Services Built Around Your Life</h2>
    <p class="section-body">From tax season to retirement planning, I provide the financial services teachers and families need most — in one place, from someone who understands your situation.</p>
    <div class="services-grid">
      <a href="services.html" class="service-card">
        <div class="service-icon">
          <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="5" width="20" height="14" rx="2"/><line x1="2" y1="10" x2="22" y2="10"/></svg>
        </div>
        <div class="service-title">Tax Preparation</div>
        <p class="service-body">Comprehensive income tax prep for teachers, school employees, and families — including educator deductions, pension income, and California-specific guidance.</p>
      </a>
      <a href="services.html" class="service-card">
        <div class="service-icon">
          <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="1" x2="12" y2="23"/><path d="M17 5H9.5a3.5 3.5 0 1 0 0 7h5a3.5 3.5 0 1 1 0 7H6"/></svg>
        </div>
        <div class="service-title">403(b) &amp; Retirement</div>
        <p class="service-body">Guidance on supplemental retirement savings through index annuities and 403(b) plans — including how to cut through the high-fee options your district may push.</p>
      </a>
      <a href="services.html" class="service-card">
        <div class="service-icon">
          <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg>
        </div>
        <div class="service-title">Life Insurance</div>
        <p class="service-body">Protection planning for teachers and families, making sure your income, home, and loved ones are covered at every stage of life.</p>
      </a>
      <a href="services.html" class="service-card">
        <div class="service-icon">
          <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="16" y1="13" x2="8" y2="13"/><line x1="16" y1="17" x2="8" y2="17"/></svg>
        </div>
        <div class="service-title">Living Trusts</div>
        <p class="service-body">Estate planning documents — revocable living trusts, wills, powers of attorney, and healthcare directives — so your family is protected and your wishes are clear.</p>
      </a>
    </div>
  </div>
</section>

<!-- ── ABOUT STRIP ── -->
<section class="about-strip">
  <div class="section-inner">
    <div class="about-layout">
      <div class="about-left">
        <div style="border-radius:10px; overflow:hidden; line-height:0;">
          <img src="family-photo.jpg" alt="Bryan Schurter and family" style="width:100%; height:auto; display:block; border-radius:10px;" />
        </div>
      </div>
      <div class="about-right">
        <p class="section-eyebrow">About Bryan</p>
        <h2 class="section-title">A Former Teacher Who Understands Your World</h2>
        <p class="section-body">I taught in Orange County from 1999 to 2004 before transitioning into tax and financial services. I've spent the past 20+ years helping teachers, school employees, and their families build financial security — with advice that's honest, clear, and built around how educators actually live and retire.</p>
        <div class="about-credentials">
          <div class="cred-item"><span class="cred-dot"></span>Tax Preparer — California</div>
          <div class="cred-item"><span class="cred-dot"></span>Life Insurance Licensed</div>
          <div class="cred-item"><span class="cred-dot"></span>California Legal Document Assistant (LDA)</div>
          <div class="cred-item"><span class="cred-dot"></span>Former Orange County Educator, 1999–2004</div>
          <div class="cred-item"><span class="cred-dot"></span>Serving all of California, virtually &amp; in-person</div>
        </div>
        <a href="about.html" class="btn-navy">Meet Bryan</a>
      </div>
    </div>
  </div>
</section>

<!-- ── CTA BAND ── -->
<div class="cta-band">
  <div class="cta-band-inner">
    <h2>Ready to Get Your Finances on Track?</h2>
    <p>Whether it's tax season, retirement planning, or protecting your family — let's start with a conversation. Getting set up takes less than 10 minutes.</p>
    <div class="cta-band-actions">
      <a href="get-started.html" class="btn-primary">Learn More &amp; Get Started</a>
      <a href="contact.html" class="btn-ghost">Send a Message</a>
    </div>
  </div>
</div>

<!-- ── FOOTER ── -->
<footer>
  <div class="footer-inner">
    <div class="footer-top">
      <div class="footer-brand">
        <div class="footer-logo-name">Bryan Schurter <span style="font-size:10px; opacity:0.5; font-weight:400;">Inc.</span></div>
        <div class="footer-tagline">Tax &amp; Financial Advisor</div>
        <p class="footer-about">Tax preparation and financial advice built for California teachers, school employees, and families. Serving Orange County and all of California since 2004.</p>
      </div>
      <div>
        <div class="footer-col-title">Pages</div>
        <ul class="footer-links">
          <li><a href="/">Home</a></li>
          <li><a href="about.html">About</a></li>
          <li><a href="services.html">Services</a></li>
          <li><a href="contact.html">Contact</a></li>
          <li><a href="get-started.html">Get Started</a></li>
          <li><a href="https://app.taxdome.com" target="_blank" rel="noopener">Client Portal</a></li>
        </ul>
      </div>
      <div>
        <div class="footer-col-title">Contact</div>
        <ul class="footer-links">
          <li><a href="/cdn-cgi/l/email-protection#3d5f4f445c537d5f4e5e55484f49584f135e5250"><span class="__cf_email__" data-cfemail="cdafbfb4aca38dafbeaea5b8bfb9a8bfe3aea2a0">[email&#160;protected]</span></a></li>
          <li><a href="tel:+17144422650">(714) 442-2650</a></li>
          <li><a href="https://bschurter.com">bschurter.com</a></li>
          <li><a href="https://teacherstaxes.com">teacherstaxes.com</a></li>
          <li><a href="https://teachersadvisor.com">teachersadvisor.com</a></li>
        </ul>
      </div>
    </div>
    <div class="footer-bottom">
      <span>&copy; 2026 Bryan Schurter Inc. All rights reserved.</span>
    </div>
    <p class="footer-disclaimer">NMLSR ID 1098850 &nbsp;|&nbsp; CA Ins. #0E54574 &nbsp;|&nbsp; CTEC# A130702 &nbsp;|&nbsp; OC LDA #294</p>
    <p class="footer-disclaimer" style="margin-top:10px;">This website is intended for educational and informational purposes only and should not be taken as financial, tax, or legal advice. Bryan Schurter is not an attorney. He can only provide self-help services at your specific direction. Bryan Schurter, Inc. is not a law firm, and cannot represent customers, select legal forms, or give legal advice. Services are provided at customers&rsquo; requests and are not a substitute for the advice of a lawyer. Because legal needs vary from individual to individual, you should seek the advice of a licensed attorney if you have any questions regarding the selection of appropriate forms. You can find an attorney at a State Bar approved Lawyer Referral Service. <a href="legal-disclaimer.html" style="color:rgba(255,255,255,0.45);text-decoration:underline;">See our Legal Disclaimer for further information.</a></p>
  </div>
</footer>

<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script></body>
</html>
